<template>
  <div class="about">
    <div id="chart2" style="width:100%;height:300px;"></div>
  </div>
</template>
<script>
  import myCharts from 'echarts'
  export default {
    data(){
      return{}
    },
    mounted(){
      this.init();
    },
    methods:{
      init(){
        //初始化echarts实例
        var myCharts = echarts.init(document.getElementById('chart2'));
        //指定图标的配置和数据
        var option = {
          title:{
            text:'全国 新增确诊/疑似 趋势'
          },
          tooltip: {
            trigger: 'axis',
          },
          legend:{
            data:['新增确诊','新增疑似']
          },

          grid:{
            left:'3%',
            right:'4%',
            bottom:'3%',
            containLabel:true
          },
          toolbox:{
            feature:{
              saveAsImage:{}
            }
          },
          xAxis: {
            type: 'category',
            data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
          },
          yAxis: {
            type: 'value'
          },
          series: [{
            data: [820, 932, 901, 934, 1290, 1330, 1320],
            type: 'line',
            smooth: true
          }]
        };

      }
    }
  }
</script>
